/*!
 * CSS - home page
 * Modify By Mr.Zero
 * Date: 11-04-2014 10:21:48 (GMT Time)
 */
 /* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
/*footPrint*/
.my-foot{position:relative;padding:20px 10px;}
.my-leval{font-size:20px;font-weight:bold;color:#fea500;display:block;}
.my-next{position:relative;float:left;width:100%;padding:20px 0;clear:both;}
.my-next img{width:100%;max-width:92px;}
.leval-face{float:left;width:15%;min-width:70px;text-align:center;}
.rate-leval{float:left;width:70%;}
.rate-leval span{float:left;width:100%;font-size:12px;padding:10px 0;text-align:center;clear:both;display:block;}
.rate-leval .per {height: 20px;width:100%;font-size: 0px;line-height: 0;overflow: hidden;float: left;display: inline;background-color:#fff;margin: 0;border:1px solid #e4e4e4;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.rate-leval .per div {background-color:#fea500;height: 20px;float: left;width: 0%;border-radius:3px;}

.my-foot ul.my-index{position:relative;width:100%;height:125px;margin:0;clear:both;}
.my-index li{float:left;padding:10px 0;clear:both;}
.my-index li .my-index-font{float:left;font-size:18px;padding-right:10px;}
.my-index li .my-index-icon{float:left;}
.my-index li .my-index-icon img{vertical-align:bottom;}
.shareFoot{position:relative;width:100%;text-align:right;height:35px;}
.myFootPrint{position:relative;padding:20px;background-color:#e6e6e6;}

.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  padding: 2em 0;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  height: 100%;
  width: 8px;
  background: #cacaca;
  border-radius:5px;
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}

.cd-timeline-img {
  position: absolute;
  top: 15px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 2px rgba(0, 0, 0, 0.15);
}
.cd-timeline-img img {
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-blue {
  background: #128de4;
}
.cd-timeline-img.cd-org {
  background: #ff6600;
}
.cd-timeline-img.cd-red {
  background: #ff0000;
}
.cd-timeline-img.cd-green {
  background: #99cc99;
}
.cd-timeline-img.cd-yellow {
  background: #ffcc00;
}
.cd-timeline-content {
  position: relative;
  margin-left: 30px;
  background: white;
  border-radius: 0.25em;
  padding: 0.5em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p,.cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
 .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-date {
  float: left;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
.share-layer { width: 100%; height: 100%; position:fixed; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,.85); display: none; text-align: center }
.share-layer div{position:absolute;right:20px; background:url(/v3/images/footPrint/share-guide@2x.png) no-repeat top center; background-size: 276px 220px; width:276px; height:220px}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
.share-layer div{ position:absolute;right:20px;background:url(/v3/images/footPrint/share-guide@3x.png) no-repeat top center; background-size: 380px 304px; width:380px; height:304px}
}